<template>
    <div>
<van-nav-bar
  title="注册"
  left-arrow
  @click-left="onClickLeft"
/>

<van-form @submit="onSubmit">
  <van-cell-group inset>
    <van-field
      v-model="username"
      name="用户名"
      label="用户名"
      placeholder="用户名"
      :rules="[{ required: true, message: '请填写用户名' }]"
    />
    <van-field
      v-model="password"
      type="password"
      name="密码"
      label="密码"
      placeholder="密码"
      :rules="[{ required: true, message: '请填写密码' }]"
    />
  </van-cell-group>
  <div style="margin: 16px;">
    <van-button round block type="primary" @click="btn" native-type="submit">
      注册
    </van-button>
  </div>
</van-form>
 <van-tabbar v-model="active" active-color="blue" inactive-color="#000" route="true">
     
      
    </van-tabbar>
    </div>
</template>

<script>
import { ref } from 'vue';
import axios from 'axios'
import router from '@/router';
    export default {
        setup() {
            const username = ref('');
            const password = ref('');
            const onSubmit = (values) => {
                // console.log('submit', values);
            };
            const onClickLeft = () => history.back();
            return {
            username,
            password,
            onSubmit,
            onClickLeft
            };
        },
        created() {
            axios.get('http://localhost:8087/article/selectAll').then((res)=>{
                this.wenzhs = res.data.data
                // console.log(this.wenzhs.length)
            })
        },
        methods: {
            btn() {
                axios.post("http://localhost:8087/user/save", {
                    userId:  Math.random()*1000000,
                    userName: this.username,
                    userPwd: this.password,
                }).then(function (res) {
                    console.log(res.data)
                    if (res.data.code == 1) {
                        console.log(res.data.data);
                        router.push({
                            name: "login",
                        });
                        console.log("登录成功");
                    }else if(res.data.code == 0) {
                        console.log("登录失败");
                    }
                }).catch(function (error) {
                    console.log(error);
                })
            }
        },
    };

</script>

<style lang="scss" scoped>

</style>